@mixin noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
not supported by any browser */
}

@mixin compatible_style($attributes, $val) {
    -webkit-#{$attributes}: $val;
    -khtml-#{$attributes}: $val;
    -moz-#{$attributes}: $val;
    -ms-#{$attributes}: $val;
    -o-#{$attributes}: $val;
    #{$attributes}: $val;
}

@mixin hardware_acceleration {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@mixin Css_style_Carousel($process,$delayed) {
    animation:myli #{$process};
    animation-delay:#{$delayed};
    /*Safari and Chrome*/
    -webkit-animation:myli #{$process};
    -webkit-animation-delay:#{$delayed};
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
@mixin Css_style_boxrotate($boxrotatename,$boxrotatetime) {
    animation-name:#{$boxrotatename};
    animation-duration:#{$boxrotatetime};
    /* Safari and Chrome */
    -webkit-animation-name:#{$boxrotatename};
    -webkit-animation-duration:#{$boxrotatetime};
    @keyframes #{$boxrotatename}
    {
        from {transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari  Chrome */
        -o-transform:rotate(0deg); /* Opera */}
        to {transform:rotate(360deg);
        -ms-transform:rotate(360deg); /* Internet Explorer */
        -moz-transform:rotate(360deg); /* Firefox */
        -webkit-transform:rotate(360deg); /* Safari  Chrome */
        -o-transform:rotate(360deg); /* Opera */}
    }

    @-webkit-keyframes #{$boxrotatename} /* Safari and Chrome */
    {
        from {transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari  Chrome */
        -o-transform:rotate(0deg); /* Opera */}
        to {transform:rotate(360deg);
        -ms-transform:rotate(360deg); /* Internet Explorer */
        -moz-transform:rotate(360deg); /* Firefox */
        -webkit-transform:rotate(360deg); /* Safari  Chrome */
        -o-transform:rotate(360deg); /* Opera */}
    }
}